<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="base/base::head('流程消息配置',~{::link},~{::script},~{::style})">

    <link rel="stylesheet" th:href="${session.basePath}+'/resource/plugins/wdfjslib/css/page.css'" type="text/css">
    <script type="text/javascript" th:src="${session.basePath}+'/resource/plugins/wdfjslib/page.js'"></script>
    <script type="text/javascript" th:src="${session.basePath}+'/resource/plugins/wdfjslib/detailPanel.js'"></script>
    <script type="text/javascript" th:src="${session.basePath}+'/pages/imp/workFlow/js/flownodeMessageMgr.js'"></script>

</head>
<body class="page">

<!-- 搜索form -->
<form id='searchForm'>
        <div class='searchBar'>
            <div class="searchInput">
                <div class='block'>
                    <div class='label'>
                        所处节点：
                    </div>
                    <div class='input1 input'>
                        <input id='curFlowNode_flownodeMessage_SearchPanel' placeholder="全部"/>
                    </div>
                </div>
                <div class='block'>
                    <div class='label'>
                        监听节点：
                    </div>
                    <div class='input1 input'>
                        <input id='flowNode_flownodeMessage_SearchPanel' placeholder="全部"/>
                    </div>
                </div>
                <div class='block'>
                    <div class='label'>
                        状态：
                    </div>
                    <div class='select'>
                        <select id='seach_status_flownodeMessage' name="status" placeholder="全部">
                            <option value="1">启用</option>
                            <option value="0">禁用</option>
                        </select>
                    </div>
                </div>
                <div class='block'>
                    <div class='label'>
                        工作流程ID：
                    </div>
                    <div class='input1 input'>
                        <input type="text" id='search_workFlowID_flownodeMessage' name="workFlowID" placeholder="全部"/>
                    </div>
                </div>
                <div class="optBtnsBar">
                        <input type='button' class="optBtn searchBtn" onclick='search()' value='查询' />
                        <input type='button' class="optBtn restBtn" onclick="reset_btton()" value="重置"/>
                      <input type='button' id="detailBtn" class="optBtn searchBtn" onClick="addEvent()" value='新增消息' />
                       <!-- <input type='button' id="detailBtn" class="optBtn searchBtn" onClick="initShowDetail()" value='详细面板demo' />
                        <input type='button' id="gridPanelBtn" class="optBtn searchBtn" onClick="gridPanel.show('列表面板',true)" value='列表面板demo' />-->
                </div>
                <div style="clear:both"></div>
            </div>
           <!-- <div class="optContent">
                <input type='button' class="input_button search_btn" onclick='search()' value='查询' />
                <input type='button' class="input_button reset_btn" onclick="reset_btton()" value="重置"/>

            </div>
            <div class="split"></div>-->
        </div>
       <!-- <div style="clear:both"></div>-->
</form>

<div class="content">
    <div id="flownodeMessageForGrid"></div>
</div>

<div class="pannel_bg">
    <div class='panel' id="addPanel">
        <form id="addForm">
            <div class='titleBar'>
                <div class="title"></div>
                <div class="closeBtn">返回</div>
            </div>
            <div class='split'></div>
            <div class='content'>
                <table class='panelForm'>
                    <tr>
                        <td class='label'>接收节点：</td>
                        <td class='input'><input id='curFlowNode_flownodeMessage_AddPanel' readonly="readonly"/></td>
                        <td class='info'><span style='color:red;'>*</span></td>
                    </tr>
                    <tr>
                        <td class='label'>监听节点：</td>
                        <td class='input'><input id='flowNode_flownodeMessage_AddPanel' readonly="readonly"/></td>
                        <td class='info'><span style='color:red;'>*</span></td>
                    </tr>
                    <tr>
                        <td class='label'>所属流程：</td>
                        <td class='input'>
                            <input id='workFlowName_flownodeMessage_AddPanel' readonly="readonly"/>
                            <input id='workFlowId_flownodeMessage_AddPanel' name="workFlow.id" type="hidden" readonly="readonly"/>
                        </td>
                        <td class='info'><span style='color:red;'>*</span></td>
                    </tr>
                    <tr>
                        <td class='label'>接收事件：</td>
                        <td class='input'>
                            <select id='reciveState_flownodeMessage_AddPanel' name="reciveState">
                                <option value="1">启用</option>
                                <option value="0">禁用</option>
                            </select>
                        </td>
                        <td class='info'><span style='color:red;'>*</span></td>
                    </tr>
                    <tr>
                        <td class='label'>转交事件：</td>
                        <td class='input'>
                            <select id='sendState_flownodeMessage_AddPanel' name="sendState">
                                <option value="1">启用</option>
                                <option value="0">禁用</option>
                            </select>
                        </td>
                        <td class='info'><span style='color:red;'>*</span></td>
                    </tr>
                    <tr>
                        <td class='label'>处理事件：</td>
                        <td class='input'>
                            <select id='dealState_flownodeMessage_AddPanel' name="dealState">
                                <option value="1">启用</option>
                                <option value="0">禁用</option>
                            </select>
                        </td>
                        <td class='info'><span style='color:red;'>*</span></td>
                    </tr>
                    <tr>
                        <td class='label'>业务状态：</td>
                        <td class='input'>
                            <input type="text" id='bstatus_flownodeMessage_AddPanel' name="bStatus"/>
                        </td>
                        <td class='info'><span style='color:red;'></span></td>
                    </tr>
                    <tr>
                        <td class='label'>任务状态：</td>
                        <td class='input'>
                            <input type="text" id='tstatus_flownodeMessage_AddPanel' name="tStatus">
                        </td>
                        <td class='info'><span style='color:red;'></span></td>
                    </tr>
                    <tr>
                        <td class='label'>节点任务状态：</td>
                        <td class='input'>
                            <input type="text" id='tlStatus_flownodeMessage_AddPanel' name="tlStatus">
                        </td>
                        <td class='info'><span style='color:red;'></span></td>
                    </tr>
                    <tr>
                        <td class='label'>消息配置状态：</td>
                        <td class='input'>
                            <select id='status_flownodeMessage_AddPanel' name="status">
                                <option value="1">启用</option>
                                <option value="0">禁用</option>
                            </select>
                        </td>
                        <td class='info'><span style='color:red;'>*</span></td>
                    </tr>
                    <tr>
                        <td class='label'>标题：</td>
                        <td class='input'><input type='text' id='title_flownodeMessage_AddPanel' name="title"/></td>
                        <td class='info'><span style='color:red;'>*</span></td>
                    </tr>
                    <tr>
                        <td class='label lbTextarea'>消息内容：</td>
                        <td class='input'>
                            <textarea id="message_flownodeMessage_AddPanel" rows="" cols="" name="message" maxlength="250" placeholder="最大输入250个汉字..."></textarea>
                        </td>
                        <td class='info'><span style='color:red;'>*</span></td>
                    </tr>
                    <tr>
                        <td class='label lbTextarea'>描述：</td>
                        <td class='input'>
                            <textarea id="description_flownodeMessage_AddPanel" rows="" cols="" name="description" maxlength="250" placeholder="最大输入250个汉字..."></textarea>
                        </td>
                        <td class='info'><span style='color:red;'>*</span></td>
                    </tr>
                </table>
            </div>
            <div class='split'></div>
            <div class='btnBar'>
                <input value="保存" class='okBtn zhuanjiao_btn' type="button"/>
                <input value="取消" class='quxiao_btn' type="button"/>
            </div>
        </form>
    </div>
</div>

<div class="pannel_bg">
    <div class='panel' id="editPanel">
        <form id="editForm">
            <input type="hidden" id="id_flownodeMessage_EditPanel" name="id" value=""/>
            <div class='titleBar'>
                <div class="title"></div>
                <div class="closeBtn"></div>
            </div>
            <div class='split'></div>
            <div class='content'>
                <table class='panelForm'>
                    <tr>
                        <td class='label'>接收节点：</td>
                        <td class='input'><input id='curFlowNode_flownodeMessage_EditPanel' readonly="readonly"/></td>
                        <td class='info'><span style='color:red;'>*</span></td>
                    </tr>
                    <tr>
                        <td class='label'>监听节点：</td>
                        <td class='input'><input id='flowNode_flownodeMessage_EditPanel' readonly="readonly"/></td>
                        <td class='info'><span style='color:red;'>*</span></td>
                    </tr>
                    <tr>
                        <td class='label'>所属流程：</td>
                        <td class='input'>
                            <input id='workFlowName_flownodeMessage_EditPanel' readonly="readonly"/>
                            <input id='workFlowId_flownodeMessage_EditPanel' name="workFlow.id" type="hidden" readonly="readonly"/>
                        </td>
                        <td class='info'><span style='color:red;'>*</span></td>
                    </tr>
                    <tr>
                        <td class='label'>接收事件：</td>
                        <td class='input'>
                            <select id='reciveState_flownodeMessage_EditPanel' name="reciveState">
                                <option value="1">启用</option>
                                <option value="0">禁用</option>
                            </select>
                        </td>
                        <td class='info'><span style='color:red;'>*</span></td>
                    </tr>
                    <tr>
                        <td class='label'>转交事件：</td>
                        <td class='input'>
                            <select id='sendState_flownodeMessage_EditPanel' name="sendState">
                                <option value="1">启用</option>
                                <option value="0">禁用</option>
                            </select>
                        </td>
                        <td class='info'><span style='color:red;'>*</span></td>
                    </tr>
                    <tr>
                        <td class='label'>处理事件：</td>
                        <td class='input'>
                            <select id='dealState_flownodeMessage_EditPanel' name="dealState">
                                <option value="1">启用</option>
                                <option value="0">禁用</option>
                            </select>
                        </td>
                        <td class='info'><span style='color:red;'>*</span></td>
                    </tr>
                    <tr>
                        <td class='label'>业务状态：</td>
                        <td class='input'>
                            <input type="text" id='bstatus_flownodeMessage_EditPanel' name="bStatus"/>
                        </td>
                        <td class='info'><span style='color:red;'></span></td>
                    </tr>
                    <tr>
                        <td class='label'>任务状态：</td>
                        <td class='input'>
                            <input type="text" id='tstatus_flownodeMessage_EditPanel' name="tStatus">
                        </td>
                        <td class='info'><span style='color:red;'></span></td>
                    </tr>
                    <tr>
                        <td class='label'>节点任务状态：</td>
                        <td class='input'>
                            <input type="text" id='tlStatus_flownodeMessage_EditPanel' name="tlStatus">
                        </td>
                        <td class='info'><span style='color:red;'></span></td>
                    </tr>
                    <tr>
                        <td class='label'>消息配置状态：</td>
                        <td class='input'>
                            <select id='status_flownodeMessage_EditPanel' name="status">
                                <option value="1">启用</option>
                                <option value="0">禁用</option>
                            </select>
                        </td>
                        <td class='info'><span style='color:red;'>*</span></td>
                    </tr>
                    <tr>
                        <td class='label'>标题：</td>
                        <td class='input'><input type='text' id='title_flownodeMessage_EditPanel' name="title"/></td>
                        <td class='info'><span style='color:red;'>*</span></td>
                    </tr>
                    <tr>
                        <td class='label lbTextarea'>消息内容：</td>
                        <td class='input'>
                            <textarea id="message_flownodeMessage_EditPanel" rows="" cols="" name="message" maxlength="250" placeholder="最大输入250个汉字..."></textarea>
                        </td>
                        <td class='info'><span style='color:red;'>*</span></td>
                    </tr>
                    <tr>
                        <td class='label lbTextarea'>描述：</td>
                        <td class='input'>
                            <textarea id="description_flownodeMessage_EditPanel" rows="" cols="" name="description" maxlength="250" placeholder="最大输入250个汉字..."></textarea>
                        </td>
                        <td class='info'><span style='color:red;'>*</span></td>
                    </tr>
                </table>
            </div>
            <div class='split'></div>
            <div class='btnBar'>
                <input value="保存" class='okBtn zhuanjiao_btn' type="button"/>
                <input value="取消" class='quxiao_btn' type="button"/>
            </div>
        </form>
    </div>
</div>


<!--月度计划详细-->
<div class="wdfTab" id="monPlanDetailTabPanel">
    <div class="tabBar">
        <div class="tab show">计划详情</div>
        <!--  <div class="tab"></div>
         <div class="tab"></div>
         <div class="tab"></div> -->
    </div>
    <div class='line'></div>
    <div class="contentBar">
        <div class='content show' id="monPlanDetailTab" style="">
            <div class="tab_left">
                <form>
                    <div class="tab_left_top">
                        <div class="tab_top_field">
                            <div class="tab_top_field_label">所属项目：</div>
                            <div class="tab_top_field_value" id="projectName_MonPlanDetailTab"></div>
                        </div>
                        <div class="tab_top_field">
                            <div class="tab_top_field_label">所属标段：</div>
                            <div class="tab_top_field_value" id="sectionName_MonPlanDetailTab"></div>
                        </div>

                        <div class="tab_top_field">
                            <div class="tab_top_field_label">所属单位：</div>
                            <div class="tab_top_field_value" id="orgName_MonPlanDetailTab"></div>
                        </div>

                        <div class="tab_top_field">
                            <div class="tab_top_field_label">计划类型：</div>
                            <div class="tab_top_field_value" id="mdPlanTypeName_MonPlanDetailTab"></div>
                        </div>

                        <div class="tab_top_field">
                            <div class="tab_top_field_label">计划月份：</div>
                            <div class="tab_top_field_value" id="planMon_MonPlanDetailTab"></div>
                        </div>

                        <div class="tab_top_field">
                            <div class="tab_top_field_label">编制人：</div>
                            <div class="tab_top_field_value" id="creatorName_MonPlanDetailTab"></div>
                        </div>

                        <div class="tab_top_field">
                            <div class="tab_top_field_label">编制部门：</div>
                            <div class="tab_top_field_value" id="createOrgName_MonPlanDetailTab"></div>
                        </div>
                        <div class="tab_top_field">
                            <div class="tab_top_field_label">编号：</div>
                            <div class="tab_top_field_value" id="mdPlanNo_MonPlanDetailTab"></div>
                        </div>
                        <div class="tab_top_field">
                            <div class="tab_top_field_label">编制时间：</div>
                            <div class="tab_top_field_value" id="createTime_MonPlanDetailTab"></div>
                        </div>
                        <div class="tab_top_field">
                            <div class="tab_top_field_label">状态：</div>
                            <div class="tab_top_field_value purchase_state" id="bStatusName_MonPlanDetailTab"></div>
                        </div>
                        <div class="tab_top_field">
                            <div class="tab_top_field_label">备注：</div>
                            <div class="tab_top_field_value" id="remark_MonPlanDetailTab"></div>
                        </div>

                        <div class='split'></div>
                    </div>
                    <div class='split'></div>

                    <div class="tab_left_grid">
                        <div id="monPlanMatGrid_MonPlanDetailTab"></div>

                    </div>
                    <div class="tab_left_form">
                        <div class="tab_left_form_opt">

                            <div class="tab_left_form_opt_btn" id="btnsContent_ProjectDetailTab1">
h
                            </div>

                        </div>

                        <div class="split"></div>
                    </div>
                    <div class='split'></div>
                    <div class="operation_list" id="workFlowLogs_box">

                    </div>
                </form>
            </div>
            <div class="tab_right">
                <div class="progress_box">
                    <div class="progress_tit">进度</div>
                    <div class="progress_content" id="progress_content">
                        <dl class="clear"><dt><span class="flowNodeIDStat stating"></span></dt>
                            <dd>
                                <span class="progress_data">2018-08-07 09:29:45</span>
                                <div>
                                    <span class="progress_user">王璨</span>
                                    <span class="progress_name">采购审批（生产经营部负责人）</span>
                                </div>
                                <span class="progress_state passStating">处理中</span>
                            </dd>
                            <dd style="clear: both;float: none"></dd>
                        </dl>
                        <dl class="clear"><dt><span class="flowNodeIDStat stating"></span></dt>
                            <dd>
                                <span class="progress_data">2018-08-07 09:29:45</span>
                                <div>
                                    <span class="progress_user">王璨</span>
                                    <span class="progress_name">采购审批（生产经营部负责人）</span>
                                </div>
                                <span class="progress_state passStating">处理中</span>
                            </dd>
                            <dd style="clear: both;float: none"></dd>
                        </dl>
                        <dl class="clear"><dt><span class="flowNodeIDStat stating"></span></dt>
                            <dd>
                                <span class="progress_data">2018-08-07 09:29:45</span>
                                <div>
                                    <span class="progress_user">王璨</span>
                                    <span class="progress_name">采购审批（生产经营部负责人）</span>
                                </div>
                                <span class="progress_state passStating">处理中</span>
                            </dd>
                            <dd style="clear: both;float: none"></dd>
                        </dl><dl class="clear"><dt><span class="flowNodeIDStat stating"></span></dt>
                        <dd>
                            <span class="progress_data">2018-08-07 09:29:45</span>
                            <div>
                                <span class="progress_user">王璨</span>
                                <span class="progress_name">采购审批（生产经营部负责人）</span>
                            </div>
                            <span class="progress_state passStating">处理中</span>
                        </dd>
                        <dd style="clear: both;float: none"></dd>
                    </dl><dl class="clear"><dt><span class="flowNodeIDStat stating"></span></dt>
                        <dd>
                            <span class="progress_data">2018-08-07 09:29:45</span>
                            <div>
                                <span class="progress_user">王璨</span>
                                <span class="progress_name">采购审批（生产经营部负责人）</span>
                            </div>
                            <span class="progress_state passStating">处理中</span>
                        </dd>
                        <dd style="clear: both;float: none"></dd>
                    </dl><dl class="clear"><dt><span class="flowNodeIDStat stating"></span></dt>
                        <dd>
                            <span class="progress_data">2018-08-07 09:29:45</span>
                            <div>
                                <span class="progress_user">王璨</span>
                                <span class="progress_name">采购审批（生产经营部负责人）</span>
                            </div>
                            <span class="progress_state passStating">处理中</span>
                        </dd>
                        <dd style="clear: both;float: none"></dd>
                    </dl><dl class="clear"><dt><span class="flowNodeIDStat stating"></span></dt>
                        <dd>
                            <span class="progress_data">2018-08-07 09:29:45</span>
                            <div>
                                <span class="progress_user">王璨</span>
                                <span class="progress_name">采购审批（生产经营部负责人）</span>
                            </div>
                            <span class="progress_state passStating">处理中</span>
                        </dd>
                        <dd style="clear: both;float: none"></dd>
                    </dl><dl class="clear"><dt><span class="flowNodeIDStat stating"></span></dt>
                        <dd>
                            <span class="progress_data">2018-08-07 09:29:45</span>
                            <div>
                                <span class="progress_user">王璨</span>
                                <span class="progress_name">采购审批（生产经营部负责人）</span>
                            </div>
                            <span class="progress_state passStating">处理中</span>
                        </dd>
                        <dd style="clear: both;float: none"></dd>
                    </dl><dl class="clear"><dt><span class="flowNodeIDStat stating"></span></dt>
                        <dd>
                            <span class="progress_data">2018-08-07 09:29:45</span>
                            <div>
                                <span class="progress_user">王璨</span>
                                <span class="progress_name">采购审批（生产经营部负责人）</span>
                            </div>
                            <span class="progress_state passStating">处理中</span>
                        </dd>
                        <dd style="clear: both;float: none"></dd>
                    </dl><dl class="clear"><dt><span class="flowNodeIDStat stating"></span></dt>
                        <dd>
                            <span class="progress_data">2018-08-07 09:29:45</span>
                            <div>
                                <span class="progress_user">王璨</span>
                                <span class="progress_name">采购审批（生产经营部负责人）</span>
                            </div>
                            <span class="progress_state passStating">处理中</span>
                        </dd>
                        <dd style="clear: both;float: none"></dd>
                    </dl><dl class="clear"><dt><span class="flowNodeIDStat stating"></span></dt>
                        <dd>
                            <span class="progress_data">2018-08-07 09:29:45</span>
                            <div>
                                <span class="progress_user">王璨</span>
                                <span class="progress_name">采购审批（生产经营部负责人）</span>
                            </div>
                            <span class="progress_state passStating">处理中</span>
                        </dd>
                        <dd style="clear: both;float: none"></dd>
                    </dl><dl class="clear"><dt><span class="flowNodeIDStat stating"></span></dt>
                        <dd>
                            <span class="progress_data">2018-08-07 09:29:45</span>
                            <div>
                                <span class="progress_user">王璨</span>
                                <span class="progress_name">采购审批（生产经营部负责人）</span>
                            </div>
                            <span class="progress_state passStating">处理中</span>
                        </dd>
                        <dd style="clear: both;float: none"></dd>
                    </dl><dl class="clear"><dt><span class="flowNodeIDStat stating"></span></dt>
                        <dd>
                            <span class="progress_data">2018-08-07 09:29:45</span>
                            <div>
                                <span class="progress_user">王璨</span>
                                <span class="progress_name">采购审批（生产经营部负责人）</span>
                            </div>
                            <span class="progress_state passStating">处理中</span>
                        </dd>
                        <dd style="clear: both;float: none"></dd>
                    </dl>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>


<div class="pannel_bg">
    <div class='gridPanel' id="gridPanel">
            <div class='titleBar'>
                <div class="title"></div>
                <div class="closeBtn"></div>
            </div>
            <div class='split'></div>
            <div class='content'>

            </div>
    </div>
</div>


</body>
</html>